<template>
  <div>

    <my-head title="邀请有礼" :go="true " ri="我的邀请"></my-head> 
     <div id="img">
     <img src="../../../../assets/aaa_02.png" alt="" id="image">
      <img src="../../../../assets/ss_03.png" alt="" @click="yaoqing"> 
 </div>
    <div id="zhezhaocengs" @click="no()">
<img src="../../../../assets/erweima.png" alt="">
<p>点击保存图片，然后用微信二维码扫一扫</p>
</div>
  </div>
</template>

<script>
import Head from '@/components/Head'
export default {
components:{
    myHead:Head
  },
methods:{
    yaoqing(){
        // document.getElementById('img').style.display="none"
         document.getElementById('zhezhaocengs').style.display="block"
    },
    no(){
  document.getElementById('zhezhaocengs').style.display="none"
    },
    goback(){
        this.$router.go(-1)
    }
}

}
</script>

<style scoped>
.customer ri{
    
    top: 0.27rem;
}
#zhezhaocengs img{
    width:1.9rem;
   position: fixed;
   left: 25%;
   top: 25%
   
}
#image{
    width: 100%;
    height: 5.75rem;
}
#zhezhaocengs p{
   

 position: absolute;
 bottom: 40%;
 left: 10%;
 color:white;
 /* text-shadow: #ff9a52 */
}

#zhezhaocengs{
    width: 100%;
    height: 100%;
    background: #ccc;
   position: absolute;
   left: 0;
   top: 0;
 background: rgba(0,0,0,0.5);
  z-index:100; 
 display: none
}
  img{
   width: 100%;
display:block;
}
.s{
    width: 100%;
    height: 100%
}

a{
    color: black
}
</style>
